<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta id="viewport" name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title></title>
    <link rel="stylesheet" type="text/css" href="//res.wx.qq.com/open/libs/weui/1.1.3/weui.min.css">
    <link href="//res.wx.qq.com/a/wx110/webpage-intercept/res/js/chunk-vendors.bf498f79.js" rel="preload" as="script"
          crossorigin="anonymous">
    <link href="//res.wx.qq.com/a/wx110/webpage-intercept/res/js/reason.18a216b4.js" rel="preload" as="script"
          crossorigin="anonymous">
    <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script th:src="@{/js/jquery.min.js}"></script>

    <style type="text/css">
        .ui-ellpisis {
            position: relative
        }

        .ui-ellpisis-content {
            position: relative;
            word-wrap: break-word;
            padding-right: 10px
        }

        .ui-ellpisis-content > div {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -box-orient: vertical
        }

        .ui-ellpisis-content-expand {
            padding-right: 0
        }

        .ui-ellpisis-content-expand > div {
            display: block
        }

        .ui-ellpisis-content-expand + .ui-ellpisis-action {
            position: static
        }

        .ui-ellpisis-action {
            line-height: 1;
            position: absolute;
            right: 0;
            top: 4px
        }

        .ui-ellpisis-action a {
            color: #576b95
        }

        .ui-ellpisis-action a:active {
            opacity: .8
        }



    </style>
    <style type="text/css">
        html {
            height: 100%
        }

        body {
            position: relative;
            min-height: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-bottom: 30px;
            -webkit-tap-highlight-color: transparent
        }

        .ui-icon-warn {
            display: inline-block;
            vertical-align: middle;
            width: 64px;
            height: 64px;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 58.667C17.272 58.667 5.333 46.727 5.333 32 5.333 17.272 17.273 5.333 32 5.333c14.728 0 26.667 11.94 26.667 26.667 0 14.728-11.94 26.667-26.667 26.667zm-2.035-42.305l.291 20.258h3.482l.292-20.258h-4.065zm2.023 29.245c1.367 0 2.406-1.021 2.406-2.352 0-1.33-1.039-2.351-2.406-2.351-1.33 0-2.388 1.02-2.388 2.351 0 1.33 1.057 2.352 2.388 2.352z' fill='%23FA5151' fill-rule='evenodd'/%3E%3C/svg%3E")
        }

        .weui-msg__title {
            font-weight: 500;
            font-size: 22px
        }

        .weui-msg__desc, .weui-msg__title {
            color: rgba(0, 0, 0, .9);
            word-break: break-word
        }

        .weui-msg__desc {
            font-size: 17px
        }

        .weui-msg__desc + .weui-msg__desc {
            margin-top: .5em
        }

        .weui-msg {
            padding-top: 70px
        }

        .weui-msg__icon-area {
            margin-bottom: 20px
        }

        .weui-msg__text-area {
            padding: 0 32px
        }

        .weui-msg__extra-area {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            line-height: 1;
            margin-bottom: 24px
        }

        .icon-arrow-down {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5 1L4 4l3.5-3' stroke='%23000' stroke-width='1.5' fill='none' stroke-linejoin='round' stroke-opacity='.9'/%3E%3C/svg%3E")
        }

        .icon-arrow-down, .icon-arrow-up {
            display: inline-block;
            vertical-align: middle;
            width: 13px;
            height: 8px;
            background-size: cover
        }

        .icon-arrow-up {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 4L4 1 .5 4' stroke='%23000' stroke-width='1.5' fill='none' stroke-linejoin='round' stroke-opacity='.9'/%3E%3C/svg%3E")
        }

        @media screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
            .weui-msg__extra-area {
                margin-bottom: 58px
            }
        }

        @media screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
            .weui-msg__extra-area {
                margin-bottom: 58px
            }
        }

        @media screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
            .weui-msg__extra-area {
                margin-bottom: 58px
            }
        }



    </style>
</head>
<body>
<div>
    <div class="weui-msg">
        <div class="weui-msg__icon-area"><i class="weui-icon-success weui-icon_msg"></i></div>

        <div class="weui-msg__text-area">
            <h2 class="weui-msg__title">投诉已提交</h2>
            <p class="weui-msg__desc">
                微信团队会尽快核实，并通过"微信团队"通知你审核结果。感谢你的支持。
            </p>
        </div>
        <p class="weui-msg__desc">
            <br/>
        </p>

        <div class="button-sp-area">
            <a id="close" href="javascript:"
               class="weui-btn weui-btn_primary" style="width: 184px;">关闭</a>
        </div>

    </div>
</div>
<script>
</script>
<!-- built files will be auto injected -->
<script type="text/javascript" src="//res.wx.qq.com/a/wx110/webpage-intercept/res/js/chunk-vendors.bf498f79.js"
        crossorigin="anonymous"></script>
<script type="text/javascript" src="//res.wx.qq.com/a/wx110/webpage-intercept/res/js/reason.18a216b4.js"
        crossorigin="anonymous"></script>
<script>
    $(function () {
        $("#close").on('click', function () {
        WeixinJSBridge.call('closeWindow');
            var userAgent = navigator.userAgent;
            if (userAgent.indexOf("Firefox") !== -1 || userAgent.indexOf("Chrome") !== -1) {
                location.href = "about:blank";
            } else {
                window.opener = null;
                window.open('', '_self');
            }
            window.close();
        });

    });

</script>
</body>
</html>